<!DOCTYPE html>
<html lang="en">

<head>
  <meta charset="utf-8">
  <title>Swiper demo</title>
  <meta name="viewport" content="width=device-width, initial-scale=1, minimum-scale=1, maximum-scale=1">

  <!-- Link Swiper's CSS -->
 <link rel="stylesheet" href="./css/zuijin.css">
 <script src="./javascripts/zuijin.js"></script>

  <!-- Demo styles -->
  <style>
*{margin: 0;padding: 0;}
ul>li{
  list-style: none;
}
.prc9-1 {
      width: 1440px;
      height: 216px
    }

    .prc9-sli {
      width: 100%;
      height: 100%;
      text-align: center;
      font-size: 18px;
      background: #fff;
      justify-content: center;
      align-items: center;
    }
    .prc9-ul{
      width: 100%;
      height: 100%;
      display: flex;
      outline: none;
}
.prc9-li{
  flex: 1;
  padding: 0 1.25rem;
}
a{
  width: 100%;
  height: 100%;
}
img{
  display: block;
  width: 100%;
}
 
  </style>
</head>

<body>
  <!-- Swiper -->
  <div class="swiper-container  prc9-1">
    <div class="swiper-wrapper prc9-wra">

      <div class="swiper-slide prc9-sli">
        <ul class="prc9-ul">
          <li class="prc9-li"><a href=""><img src="https://www.dior.cn/couture/ecommerce/media/catalog/product/cache/1/cover_image_mobile_1/715x773/17f82f742ffe127f42dca9de82fb58b1/b/o/1618837462_1WBM22PEAA_Y511_E01_GHC.jpg?imwidth=300" alt=""></a></li>
          <li class="prc9-li"><a href=""><img src="https://www.dior.cn/beauty/version-5.1595261547032/resize-image/ep/715/773/90/0/%252FY0996116%252FV002%252FY0996116_C099600555_E01_GHC.jpg?imwidth=300" alt=""></a></li>
          <li class="prc9-li"><a href=""><img src="https://www.dior.cn/beauty/version-5.1595261547032/resize-image/ep/715/773/90/0/%252FY0996113%252FY0996113_C099600396_E01_GHC.jpg?imwidth=300" alt=""></a></li>
          <li class="prc9-li"><a href=""><img src="https://www.dior.cn/beauty/version-5.1595261547032/resize-image/ep/715/773/90/0/%252FY0172009%252FV007%252FY0172009_C017500999_E01_GHC.jpg?imwidth=300" alt=""></a></li>
          <li class="prc9-li"><a href=""><img src="https://www.dior.cn/couture/ecommerce/media/catalog/product/cache/1/cover_image_mobile_1/715x773/17f82f742ffe127f42dca9de82fb58b1/w/D/1619542077_M0565ORHM_M918_E01_GHC.jpg?imwidth=300" alt=""></a></li>
          <li class="prc9-li"><a href=""><img src="https://www.dior.cn/beauty/version-5.1595261547032/resize-image/ep/715/773/90/0/%252FY0996126%252FV002%252FY0996126_C099672601_E01_GHC.jpg?imwidth=300" alt=""></a></li>
          <li class="prc9-li"><a href=""><img src="https://www.dior.cn/couture/ecommerce/media/catalog/product/cache/1/cover_image_mobile_1/715x773/17f82f742ffe127f42dca9de82fb58b1/b/o/1618837462_1WBM22PEAA_Y511_E01_GHC.jpg?imwidth=300" alt=""></a></li>
        </ul>
    </div>
    <div class="swiper-slide prc9-sli">
      <ul class="prc9-ul">
        <li class="prc9-li"><a href=""><img src="https://www.dior.cn/couture/ecommerce/media/catalog/product/cache/1/cover_image_mobile_1/715x773/17f82f742ffe127f42dca9de82fb58b1/b/o/1618837462_1WBM22PEAA_Y511_E01_GHC.jpg?imwidth=300" alt=""></a></li>
        <li class="prc9-li"><a href=""><img src="https://www.dior.cn/beauty/version-5.1595261547032/resize-image/ep/715/773/90/0/%252FY0996116%252FV002%252FY0996116_C099600555_E01_GHC.jpg?imwidth=300" alt=""></a></li>
        <li class="prc9-li"><a href=""><img src="https://www.dior.cn/beauty/version-5.1595261547032/resize-image/ep/715/773/90/0/%252FY0996113%252FY0996113_C099600396_E01_GHC.jpg?imwidth=300" alt=""></a></li>
        <li class="prc9-li"><a href=""><img src="https://www.dior.cn/beauty/version-5.1595261547032/resize-image/ep/715/773/90/0/%252FY0172009%252FV007%252FY0172009_C017500999_E01_GHC.jpg?imwidth=300" alt=""></a></li>
        <li class="prc9-li"><a href=""><img src="https://www.dior.cn/couture/ecommerce/media/catalog/product/cache/1/cover_image_mobile_1/715x773/17f82f742ffe127f42dca9de82fb58b1/w/D/1619542077_M0565ORHM_M918_E01_GHC.jpg?imwidth=300" alt=""></a></li>
        <li class="prc9-li"><a href=""><img src="https://www.dior.cn/beauty/version-5.1595261547032/resize-image/ep/715/773/90/0/%252FY0996126%252FV002%252FY0996126_C099672601_E01_GHC.jpg?imwidth=300" alt=""></a></li>
        <li class="prc9-li"><a href=""><img src="https://www.dior.cn/couture/ecommerce/media/catalog/product/cache/1/cover_image_mobile_1/715x773/17f82f742ffe127f42dca9de82fb58b1/b/o/1618837462_1WBM22PEAA_Y511_E01_GHC.jpg?imwidth=300" alt=""></a></li>
      </ul>
  </div>

    </div>
    <!-- Add Arrows -->
    <div class="swiper-button-next"></div>
    <div class="swiper-button-prev"></div>
  </div>

  <!-- Swiper JS -->
  

  <!-- Initialize Swiper -->
  <script>
    var swiper = new Swiper('.swiper-container', {
      cssMode: true,
      navigation: {
        nextEl: '.swiper-button-next',
        prevEl: '.swiper-button-prev',
      },
      pagination: {
        el: '.swiper-pagination'
      },
      mousewheel: true,
      keyboard: true,
    });
  </script>
</body>

</html>
